<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>517吃货节 优惠不止5折-大众点评</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/load.js"></script>
<script type="text/javascript">
  var _phoneWidth = parseInt(window.screen.width);
  var _phoneScale = _phoneWidth/640;
  var ua = navigator.userAgent;
  if (/Android (\d+\.\d+)/.test(ua)) {
    var _version = parseFloat(RegExp.$1);
    if (_version > 2.3) {
      document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi, initial-scale='+_phoneScale+', minimum-scale='+_phoneScale+', maximum-scale='+_phoneScale+', user-scalable=no">');
    } else {
      document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
    }
  } else {
    document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
  }
</script>
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="css/tip.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class=" section0">
  <div class="load"><img src="images/load.gif" /></div>
  <div id="loading_number" style="display:none;"></div>
</div>
<div class="section section1" style="display:block;">
   <div class="p1"><img src="images/p1.png" /></div>
   <div class="p2"><img src="images/p2.png" /></div>
   <div class="p3"><img src="images/p3.png" /></div>
</div>
<div class="section section2">
    <div class="swiper-container updata-swiper page-swiper" style="position: relative;">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="p1"><img src="images/p1.png" /></div>
                <div class="kv_img"><img src="images/po1.jpg" alt="" /></div>
                <div class="kv_title"><img src="images/t1.png" alt="" /></div>
                
            </div>
            <div class="swiper-slide">
                <div class="p1"><img src="images/p1_w.png" /></div>
                <div class="kv_img"><img src="images/po2.jpg" alt="" /></div>
                <div class="kv_title"><img src="images/t2.png" alt="" /></div>
                
            </div>
           <div class="swiper-slide">
                <div class="p1"><img src="images/p1_w.png" /></div>
                <div class="kv_img"><img src="images/po3.jpg" alt="" /></div>
                <div class="kv_title"><img src="images/t3.png" alt="" /></div>
                
            </div>
            <div class="swiper-slide">
                <div class="p1"><img src="images/p1_w.png" /></div>
                <div class="kv_img"><img src="images/po4.jpg" alt="" /></div>
                <div class="kv_title"><img src="images/t4.png" alt="" /></div>
                
            </div>
            <div class="swiper-slide">
                <div class="p1"><img src="images/p1.png" /></div>
                <div class="kv_img"><img src="images/po5.jpg" alt="" /></div>
                <div class="kv_title"><img src="images/t5.png" alt="" /></div>
                
            </div>
            <div class="swiper-slide">
                <div class="box">
                  <img src="images/p8.png" />
                  <div class="p4"><a href="javascript:;" id="cameraButton"><img src="images/cameraButton.png" /></a></div>
                </div>
                
            </div>
        </div>
    </div>
    <div class="p3"><img src="images/p3.png" /></div>
</div>

<div class="section section4" >
  <div class="Img">
     <img src="" id="PicImg_1">
  </div>
  <div class="p9">
    <img src="images/p9.png" />
    <div class="title">选择你的名言</div>
    <div class="list">
      <ul>
        <li>1.只有填满肚子，人才不会空虚！</li>
        <li>2.今天吃喝不努力 明天努力找吃喝！</li>
        <li>3.吃饱了才有劲减肥哦！</li>
      </ul>
    </div>
    <input type="text" id="user" name="user" value="" class="username" placeholder="输入我的名字">
    <div class="weititle"># 吃货有态度</div>
  </div>
  <div class="p5"><img src="images/p5.png" /></div>
  <div class="p6"><img src="images/p6.png" /></div>
  
  <!--自定义格言S-->
  <div class="p10">
    <img src="images/p10.png" />
    <input type="text" id="geyan" name="geyan" value="" class="geyan" placeholder="输入我的名言（字数限制15字）">
    <input type="text" id="user_gy" name="user_gy" value="" class="username_gy" placeholder="输入我的名字">
    <div class="weititle"># 吃货有态度</div>
  </div>
  <div class="p6_gy"><img src="images/p6.png" /></div>
  <!--自定义格言E-->
</div>

<div class="section section5">
   <div class="p7"></div>
</div>


<div class="section section6" >
  <div class="Img">
     <img src="" id="PicImg">
  </div>
  <div class="p1"><img src="images/p1.png" /></div>
  <div class="p3"><img src="images/p3.png" /></div>
  <div class="text"></div>
  <div class="user"></div>
  <div class="share">分享给别的吃货</div>
  <div class="link">领取吃货红包</div>
</div>

<input type="file" id="takepicture" accept="image/*" class="hide cameraButton" />
<img src="" id="resImg" style="display:none;" />
<input type="hide" id="title" name="title" value="" class="hide"/>
<!--DOM在CSS后避免reflow-->
<div id="orientLayer" class="mod-orient-layer">
    <div class="mod-orient-layer__content">
        <i class="icon mod-orient-layer__icon-orient"></i>
        <div class="mod-orient-layer__desc">为了更好的体验，请使用竖屏浏览</div>
    </div>
</div>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
